<template>
	<fu-popup v-model="showPopup" mode="center" :mask-close-able="false">
		<view class="success">
			<image src="../../../static/xs_icon/success.png" mode=""></image>
			<view class="text">{{ showTitle }}</view>
			<fu-button :ripple="true" ripple-bg-color="#267DFF" shape="circle" type="primary" @click="confirm()">确认</fu-button>
		</view>
	</fu-popup>
</template>

<script>
export default {
	props: {
		showPopup: {
			type: Boolean,
			default: true
		},
		showTitle: {
			type: String
		}
	},
	data() {
		return {
			
		};
	},
	onLoad() {
		// console.log(this.letterList)
	},
	created() {
		// console.log(this.letterList.length)
	},
	methods: {
		confirm() {
			this.$emit('confirm', false);
		},
		close(){
			console.log(4123456)
		}
	}
};
</script>

<style lang="scss" scoped>
//  注册成功弹窗
.success {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 8px;
	width: 80vw;
	height: 480upx;
	text-align: center;
	padding: 65upx 0 54upx;
	image {
		width: 102upx;
		height: 102upx;
	}
	.text {
		font-size: 32upx;
		color: #333333;
	}
	.fu-size-default {
		width: 210upx;
	}
}
</style>
